<!doctype html>
<html>
<head>
	<meta charset="utf-8"/>
	
	<title>保卫处</title>
	
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
	<header>
	<div class="title-header">
		<img src="http://news.culr.edu.cn/pub/images/header.jpg" title="logo"/>
		
		<nav>
			<ul>
				<li><a href="#">部门</a></li>
				<li><a href="#">部门简介</a></li>
				<li><a href="#">组织机构</a></li>
				<li><a href="#">规章制度</a></li>
				<li><a href="#">部门新闻</a></li>
				<li><a href="#">部门公告</a></li>
				<li><a href="#">安全常识</a></li>
				<li><a href="#">联系方式</a></li>
				<li><a href="#">下载专区</a></li>
				<li><a href="#">学院首页</a></li>
			</ul>
		</nav>
	</div>
	<header>
	
	<main>
	<div class="clear-float">
		<article class="news">
			<header class="text-header">
				<h2><a href="#">部门新闻</a></h2>
				<h3><a href="#">MORE</a></h3>
			</header>
			<section>
			<div class="section">
				<img src="http://news.culr.edu.cn/pub/images/content/2017-05/20170523164606873961.jpg" title="页首图"/>
				<ul>
					<li><a href="#">我处对涿州校区员工进行消防安全<span>2017-05-23</span></a></li>
					<li><a href="#">我处对涿州校区员工进行消防安全<span>2017-05-23</span></a></li>
					<li><a href="#">我处对涿州校区员工进行消防安全<span>2017-05-23</span></a></li>
					<li><a href="#">我处对涿州校区员工进行消防安全<span>2017-05-23</span></a></li>
					<li><a href="#">我处对涿州校区员工进行消防安全<span>2017-05-23</span></a></li>
					<li><a href="#">我处对涿州校区员工进行消防安全<span>2017-05-23</span></a></li>
				</ul>
			</div>
			</section>
		</article>
		
		<article class="notice">
			<header class="text-header">
				<h2><a href="#">部门公告</a></h2>
				<h3><a href="#">MORE+</a></h3>
			</header>
			<section class="section">
				<ul>
					<li><a href="#">关于2018届毕业生停止...</a></li>
					<li><a href="#">关于2018届毕业生停止...</a></li>
					<li><a href="#">关于2018届毕业生停止...</a></li>
					<li><a href="#">关于2018届毕业生停止...</a></li>
					<li><a href="#">关于2018届毕业生停止...</a></li>
					<li><a href="#">关于2018届毕业生停止...</a></li>
				</ul>
			</section>
			<img src="http://news.culr.edu.cn/pub/images/mailbox.jpg">
		</article>
	</div>
	<div class="clear-float">
		<article>
		<div class="image">
			<header class="text-header">
				<h2><a href="#">活动图片</a></h2>
				<h3><a href="#">MORE+</a></h3>
			</header>
			<section>
			<div class="section">
				<img src="http://news.culr.edu.cn/pub/images/content/2017-05/20170523171311405298.jpg"/>
				<img src="http://news.culr.edu.cn/pub/images/content/2017-05/20170523171311405298.jpg"/>
				<img src="http://news.culr.edu.cn/pub/images/content/2017-05/20170523171311405298.jpg"/>
				<img src="http://news.culr.edu.cn/pub/images/content/2017-05/20170523171311405298.jpg"/>
			</div>
			</section>
		</div>
		</article>
	</div>
	</main>
	
	<footer>
	<div class="footer">
		<p>版权所有:中国劳动关系学院保卫处
Copyright &copy; 2013 CIIR All rights reserved.</p>
	</div>
	</footer>
</body>
</html>